<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content=" width=device-width, initial-scale=1.0, maximum-scale=1.0, minimal-ui,user-scalable=no" />
    <meta name="screen-orientation" content="portrait" />
    <meta name="x5-orientation" content="portrait" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="author" content="映象网" />
    <meta name="robots" content="index" />
    <meta name="format-detection" content="telephone=no" />
    <meta http-equiv="x-ua-compatible" content="IE=edge" />
    <meta name="screen-orientation" content="portrait" />
    <meta name="full-screen" content="yes" />
    <meta name="browsermode" content="application" />
    <meta name="x5-orientation" content="portrait" />
    <meta name="x5-fullscreen" content="true" />
    <meta name="x5-page-mode" content="app" />
    <title>{if $seo_title}{$seo_title}{else}{if $head_title}{$head_title}{$DT[seo_delimiter]}{/if}{if $city_sitename}{$city_sitename}{else}{$DT[sitename]}{/if}{/if}</title>
    <meta name="keywords" content="{$tag}"/>
    <meta name="description" content="{$introduce}"/>
    <link rel="icon" href="http://d1.hnr.cn/hnr2015/public/hnr.ico" type="image/x-icon" />
    <link rel="stylesheet" type="text/css" href="http://d1.hnr.cn/hnr2017/xlzt/screen.css" />
    <style>
        h1{margin-top:9.8rem;}
        #page3 section .img img{width: 92% !important;height: auto !important; margin: 0 auto 0.3rem;}
        @media screen and (min-width:554px){.myvideo,.video_bg{width: 554px!important; left:50%!important; margin-left: -277px;}}
    </style>
    {template 'hnr_tongji'}
</head>
<body style="height: auto; overflow-y: auto;">
<div id="mainBox" ondragstart="return false;" style="max-width: 554.104px;position:relative;">
    <div id="page3">
        <section id="article">
            <div class="video_bg" style="width:100%; position: fixed;left:0px; top:0px;height:9.5rem; background: #000;">
                <video class="myvideo" style="height:9rem; width:100%;object-fit:contain;position: absolute!important;top:0rem!important; left:0px; z-index: 555;"  controls="controls" autoplay="true"  poster="{$thumb}" src="{$mmlurl}"  x-webkit-airplay="true" webkit-playsinline="true" playsinline="true" x5-video-player-type="h5" x5-video-player-fullscreen="true"></video>
                <div style="height: 0.5rem; background: #fff; position: absolute; left:0px; bottom: 0px; z-index: 55; width: 100%; max-width: 554px;"></div>
            </div>

            <!--<div class="video_control" id="p_player"><video class="myvideo" width="100%" height="360" autoplay="true"  poster="./W020171115683902023085.jpg" src="http://fm.hnr.cn/FileUploads/mclient/171115801.mp4"></video></div>-->
            <div class="img">
                <h1>{$title}</h1>
                <img class="icon" src="http://d1.hnr.cn/hnr2017/xlzt/pic.png"/>
                <div class="img">
                    <div class=TRS_Editor>
                        {$content}
                    </div>
                </div>
            </div>
        </section>
    </div>
</div>
<script type="text/javascript" src="http://d1.hnr.cn/hnr2017/qglh2017/m/js/zepto.js"></script>
<script src="http://d1.hnr.cn/hnr2017/xlzt/swiper.min.js"></script>
<script type="text/javascript">
    //默认设置
    var index=0;
    $(".swiper-slide").css("width",$("#mainBox").width()/2);
    var ft = ($("#mainBox").width() / 320) * 1.25 + 'rem';
    $("html").css("font-size", ft);
</script>
{template 'hnr_share'}
</body>
</html>